<template>
    <div>
        <div class="box">
        <TopBar class="top"></TopBar>
        <div class="center">
            <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
                <van-swipe-item class="vanimg"><img src="https://ke-image.ljcdn.com/newhouse-user-image/8843adfb3b2784f5c7506ec73c2fa37f.png!m_fill,w_750,h_562,l_fbk" alt=""></van-swipe-item>
                <van-swipe-item class="vanimg"><img src="https://ke-image.ljcdn.com/newhouse-user-image/8843adfb3b2784f5c7506ec73c2fa37f.png!m_fill,w_750,h_562,l_fbk" alt=""></van-swipe-item>
                <van-swipe-item class="vanimg"><img src="https://ke-image.ljcdn.com/newhouse-user-image/8843adfb3b2784f5c7506ec73c2fa37f.png!m_fill,w_750,h_562,l_fbk" alt=""></van-swipe-item>
                <van-swipe-item class="vanimg"><img src="https://ke-image.ljcdn.com/newhouse-user-image/8843adfb3b2784f5c7506ec73c2fa37f.png!m_fill,w_750,h_562,l_fbk" alt=""></van-swipe-item>
            </van-swipe>
            <BottomFu></BottomFu>
            <Fu></Fu>
            <div class="imgbox">
                <img class="img1" src="../../public/images/1_03.png" alt="">
                <img class="img2" src="../../public/images/2_03.png" alt="">
            </div>
            <div class="call">
                <div class="imgbox2">
                    <img class="img3" src="../../public/images/3_03.png" alt="">
                    <img class="img4" src="../../public/images/4_03.png" alt="">
                    <img class="img5" src="../../public/images/5_03.png" alt="">
                    <img class="img6" src="../../public/images/6_03.png" alt="">
                </div>
            </div>
            <h2 class="htit">全部房源</h2>
            <Dlfu></Dlfu>
        </div>
    </div>
    </div>
</template>
<script>
import TopBar from "com/topBar.vue"
import BottomFu from "com/bottomfu.vue"
import Fu from "com/fu.vue"
import Dlfu from "com/dlfu.vue"
export default {
    components: {     
        TopBar,
        BottomFu,
        Fu,
        Dlfu
    },
}
</script>
<style scoped>
    .box{
        display: flex;
        position: relative;
        flex-direction: column;
    }
    .top{
        height: 0.55rem;
        width: 100%;
        position: fixed;
        background: #fff;
        left: 0;
        top: 0;
        z-index: 9999;
    }
    .center{
        margin-top: 0.55rem;
        flex: 1;
        overflow-y: auto;
    }
     .my-swipe .van-swipe-item {
        color: #fff;
        font-size: 0.2rem;
        line-height: 1.5rem;
        text-align: center;
        background-color: #39a9ed;
    }
    .imgbox{
        display: flex;
        padding: 0 0.22rem;
        justify-content: space-evenly;
    }
    .vanimg img{
        width: 3.75rem;
        height: 1.8rem;
    }
    .img1,.img2{
        width: 50%;
        height: 0.55rem;
    }
    .call{
        margin:0 0.22rem;
    }
    .imgbox2{
        display: flex;
        overflow-x: auto;
        margin: 0.1rem 0;
    }
    .img3,.img4,.img5,.img6{
        height: 0.6rem;
        width: 1.2rem;
        margin: 0 0.05rem;
    }
    .htit{
        padding:0.1rem 0 0.1rem 0.22rem;
        font-size: 0.18rem;
        font-weight: bold;
    }
</style>